<template>
    <div class="profile">
      <header-component></header-component>
      <div class="container">
        <img style="width:100%;" src="../assets/images/abc.png" />
        <div class="profile-list">
          <div class="profile-item">
            <div class="title">组织架构:</div>
            <div class="profile-zzjg">
              <div class="name"><span class="redcirl">●</span>主办单位:</div>
              <div class="cont">
                <div>小榄镇社会事务局</div>
                <div>小榄镇慈善会</div>
                <div>小榄镇宣传问题服务中心</div>
              </div>
            </div>
            <div class="profile-zzjg">
              <div class="name"><span class="redcirl">●</span>协办单位:</div>
              <div class="cont">
                <div>小榄镇摄影协会</div>
              </div>
            </div>
          </div>
          <div class="profile-item">
            <div class="title">奖项设置:</div>
            <div class="jxsz">
              <div class="jszs-name">①参与邮箱投稿，专业评委评选产生</div>
              <div class="jxsz-item"><span class="redcirl">●</span>一等奖<span class="people">1</span>名：<span class="fontbg">奖金<span class="price">1500元</span>+荣誉证书</span><span class="fontsm"></span></div>
              <div class="jxsz-item"><span class="redcirl">●</span>二等奖<span class="people">2</span>名：<span class="fontbg">奖金各<span class="price">1000元</span>+荣誉证书</span><span class="fontsm"></span></div>
              <div class="jxsz-item"><span class="redcirl">●</span>三等奖<span class="people">3</span>名：<span class="fontbg">奖金各<span class="price">500元</span>+荣誉证书</span><span class="fontsm"></span></div>
              <div class="jxsz-item"><span class="redcirl">●</span>优秀奖<span class="people">30</span>名：<span class="fontbg">奖金各<span class="price">100元</span>+荣誉证书</span><span class="fontsm"></span></div>
              <div class="jszs-name">②参与微信投稿，网络投票产生</div>
              <div class="jxsz-item"><span class="redcirl">●</span>最具人气奖<span class="people">1</span>名：<span class="fontbg">拍立得相机<span class="price">1</span>台+荣誉证书</span><span class="fontsm"></span></div>
              <div class="jxsz-item"><span class="redcirl">●</span>最具欢迎奖<span class="people">10</span>名：<span class="fontbg"><span class="price">热门电子产品</span>各一份+荣誉证书</span><span class="fontsm"></span></div>
              <div style="font-size:0;margin-top:0.05rem;">
                <span style="display:inline-block;width:32%;margin-right:2%;"><img style="width:100%" src="../assets/images/zhengshu.png"></span>
                <span style="display:inline-block;width:32%;margin-right:2%;"><img style="width:100%" src="../assets/images/dianyuan.png"></span>
                <span style="display:inline-block;width:32%;"><img style="width:100%" src="../assets/images/shouhuan.png"></span>
              </div>
            </div>
          </div>

          <div class="profile-item">
            <div class="title">征集方式:</div>
            <div class="zjfs">
              <div class="zjfs-item">
                <div class="name"><span class="num">1、</span><span class="cont"  style="margin-left:0">微信平台征集</span></div>
                <div class="content">参赛作品以原图形式上传到活动专用微信平台进行投票<span>(针对现在网上微信投票)</span></div>
              </div>
              <div class="zjfs-item">
                <div class="name"><span class="num">2、</span><span class="cont" style="margin-left:0">邮箱投稿征集（不参加网络投票评选直接参与专家评选的作品）</span></div>
                <div class="content"><span></span>请将参赛作品发送至以下<br />电子邮箱：<span>xiaolangcishan@163.com</span> <br /> 联系人：<span>杨先生</span> <br />联系电话：<span>0760-23320799</span></div>
              </div>
            </div>
          </div>
          <div class="profile-item">
            <div class="title">作品要求:</div>
            <div class="zpyq">
              <div class="zpyq-name">1、微信平台征集作品要求</div>
              <p>1)参赛作品应符合本次大赛征集内容要求，体现主题内容，捕捉活动精彩瞬间，作品范围不局限于巡游活动的照片拍摄，前期准备等照片均可。</p>
              <p>2)参赛作品要求原创，可进行适当的后期处理（如亮度、对比度、色彩饱和度的调整等），但不能添加水印、修饰性边框、进行图像合成，一经发现立即取消参评资格。</p>
              <p>3)来稿作品以电子文件形式投稿；彩色、黑白不限；单幅或组照（组照数量3-8张）均可；作品大小不得低于1MB。</p>
              <p>4)每位参赛者限投30幅作品。</p>
              <p>5)每张参赛作品均需在微信平台上填写作者姓名、作品名称以及联系电话，如资料信息填写不完整，页面将提示投稿不成功。</p>
              <p>6)作品评选后将有工作人员联系作者调取底片，逾期未能提交底片将取消获奖资格。</p>
              <p>7)特别说明：所有参赛者作品若发生侵犯著作权、肖像权、名誉权等行为及由此产生的一切法律纠纷均由参赛者自行承担。本次大赛不收取参赛费、不退稿，组委会对所有入选作品享有使用权（包括举办展览、网络展示、媒体发布、印制宣传画册等），不再支付稿酬。</p>
              <div class="zpyq-name">2、邮箱投稿征集作品要求</div>
              <p>1)参赛作品应符合本次大赛征集内容要求，体现主题内容，捕捉活动精彩瞬间，作品范围不局限于巡游活动的照片拍摄，前期准备等照片均可。</p>
              <p>2)参赛作品要求原创，可进行适当的后期处理（如亮度、对比度、色彩饱和度的调整等），但不能添加水印、修饰性边框、进行图像合成，一经发现立即取消参评资格。</p>
              <p>3)来稿作品以电子文件形式投稿；彩色、黑白不限；单幅或组照（组照数量3-8张）均可；作品大小不得低于3MB。</p>
              <p>4)每位参赛者限投30幅作品。</p>
              <p>5)每张参赛作品均需注明作者姓名、作品名称、联系电话及通讯地址（例如：张三-《作品名称》-138XXXXXXXX-中山市小榄镇XXXXXX）。</p>
              <p>6)作品评选后将有工作人员联系作者调取底片，逾期未能提交底片将取消获奖资格。</p>
              <p>7)特别说明：所有参赛者作品若发生侵犯著作权、肖像权、名誉权等行为及由此产生的一切法律纠纷均由参赛者自行承担。本次大赛不收取参赛费、不退稿，组委会对所有入选作品享有使用权（包括举办展览、网络展示、媒体发布、印制宣传画册等），不再支付稿酬。</p>
            </div>
          </div>
          <div class="profile-item">
            <div class="title">作品评选:</div>
            <div class="zpyq">
              <div class="zpyq-name">1、邮箱投稿作品评选</div>
              <div>
                活动截止后，邮箱投稿作品由主办方聘请国家级或省级著名摄影家组成专业评选委员会，评选出一、二、三等奖及优秀奖，比赛结果由评委会最终确定。
              </div>
              <div class="zpyq-name">2、微信平台投稿作品评选</div>
              <div>
                由网络投票评选出最具人气奖及最受欢迎奖。<br />
                *所有评选结果在相关平台公布的同时由工作人员对获奖者进行电话通知。
              </div>
            </div>
          </div>
          <div class="profile-item">
            <div class="title">联系我们:</div>
            <div class="lxwm">
              <div class="lxwm-item">联系人：<span class="cont">卢先生</span> </div>
              <div class="lxwm-item">联系电话：<span class="cont">0760-22238878</span> </div>
              <div class="lxwm-item">捐款账号：<span class="cont">中山市小榄镇慈善会  80020000000011671</span> </div>
              <div class="lxwm-item">邮箱：<span class="cont">xiaolancishan@163.com</span> </div>
            </div>
          </div>
        </div>
      </div>
      <footer-msg></footer-msg>

    </div>
</template>
<style scoped>
.profile-zzjg{
  margin-top:0.05rem;
  padding-left:0.05rem;
}
  .profile-zzjg .name,.profile-item .cont{
      display:inline-block;
      font-size: 0.17rem;
      color:rgb(71,0,0);
      font-weight: bolder;
      vertical-align: top;
  }
  .profile-item .cont{
    margin-left:0.05rem;
  }
  .profile-item img{
    max-width:100%;
  }
  .profile-item .title{
    font-size: 0.18rem;
    color: rgb(248,203,0);
    font-weight: bolder;
    letter-spacing: 0.02rem;
    -webkit-text-stroke: 0.01rem rgb(204,30,82);
  }
  .profile-item .redcirl{
    color:rgb(217,0,60);
  }
  .jxsz{
    margin-top:0.1rem;
    font-weight: bolder;
    color:rgb(71,0,0);
    font-size:0.16rem;
  }
  .profile-item .people,.profile-item .price{
    color:rgb(217,0,60);
  }
  .profile-item .fontbg{
    font-size:0.2rem;
  }
  .profile-item .fontsm,.jszs-name{
        font-size: .2rem;
    color: #d9003c;
    margin: 0.15rem 0;
  }
  .profile-item{
    margin-bottom:0.05rem;
  }
  .zjfs-item{
    font-weight: bolder;
    color:rgb(71,0,0);
  }
  .zjfs-item .name{
    color:rgb(217,0,60);
    font-size:0
  }
  .zjfs-item .name .num,.zjfs-item .name .cont{
    font-size:0.14rem
  }
  .zjfs-item .name .num{
    width:5%;
  }
  .zjfs-item .name .cont{
    width:95%;
  }
  .zjfs-item .content{
    padding-left:0.15rem;
    font-size:0.14rem;
    margin-top:0.05rem;
  }
  .zjfs-item .content span{
    color:rgb(217,0,60);
    font-size:0.14rem;
   }
   .zjfs-item .content span:nth-child(2),.zjfs-item .content span:nth-child(3){
    margin:0 0.05rem;
   }
   .zjfs,.zjfs-item{
    margin-top:0.1rem;

   }
   .zpyq{
    color: rgb(71, 0, 0);
   }
   .zpyq-name{
      font-size:0.18rem;
      margin-top:0.15rem;
      font-weight: bolder;
      color:rgb(217,0,60);
   }
   .lxwm-item{
      color: rgb(71,0,0);
      font-weight: bolder;
      font-size:0.16rem;
      line-height: 0.3rem;
   }
   .lxwm-item span{
    font-size:0.16rem;
    color:rgb(217,0,60) !important;
   }
</style>
<script>
  import HeaderComponent from './Header.vue'
  import FooterMsg from './FooterMsg.vue'
  export default{
        data(){
            return{
                msg:'hello vue'
            }
        },
        components:{
            HeaderComponent,FooterMsg
        },
        methods: {
            goAnchor(selector) {
                var anchor = this.$el.querySelector(selector)
                document.body.scrollTop = anchor.offsetTop
            }
        }
    }

</script>
